Chrome 137

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

Data di rilascio stabile: 27 maggio 2025

Salvo diversa indicazione, le seguenti modifiche si applicano alla release del canale stabile di Chrome 137 per Android, ChromeOS, Linux, macOS e Windows.

CSS e UI

Funzione if() CSS

La funzione CSS if() fornisce un modo conciso per esprimere valori condizionali. Accetta una serie di coppie condizione-valore delimitate da punto e virgola. La funzione valuta ogni condizione in sequenza e restituisce il valore associato alla prima condizione vera. Se nessuna delle condizioni restituisce true, la funzione restituisce uno stream di token vuoto. In questo modo puoi esprimere una logica condizionale complessa in modo semplice e conciso.

Esempio:

div {
  color: var(--color);
  background-color: if(style(--color: white): black; else: white);
}

.dark {
  --color: black;
}

.light {
  --color: white;
}

<div class="dark">dark</div>
<div class="light">light</div>

Bug di monitoraggio 346977961 | Voce di ChromeStatus.com | Specifiche

Proprietà CSS reading-flow, reading-order

La proprietà CSS reading-flow controlla l'ordine in cui gli elementi in un layout flex, grid o a blocchi vengono esposti agli strumenti di accessibilità e attivati utilizzando la navigazione con il tasto Tab.

La proprietà CSS reading-order consente agli autori di ignorare manualmente l'ordine all'interno di un contenitore del flusso di lettura. È un numero intero con valore predefinito 0.

Scopri di più su queste proprietà in Utilizzare il flusso di lettura CSS per la navigazione con il fuoco sequenziale logico e prova alcuni esempi.

Bug di monitoraggio 40932006 | Voce di ChromeStatus.com | Specifiche

Ignora la spaziatura tra le lettere nelle scritture corsive

Questa funzionalità aggiunge la logica per ignorare l'impostazione di spaziatura tra le lettere per le scritture corsive come specificato dallo sviluppatore, in linea con le specifiche, per garantire che la spaziatura tra le lettere non interrompa la struttura della parola e mira a produrre un'esperienza utente migliore per gli utenti che si affidano a scritture corsive.

Con questa funzionalità, Chrome garantisce che le scritture a mano libera siano leggibili e con spaziatura corretta, anche se i caratteri non dispongono di funzionalità di tipografia avanzate.

Gli script a cui si applica in Chromium sono arabo, Hanifi Rohingya, mandaico, mongolo, N'Ko, Phags Pa e siriaco, in quanto considerati corsivi come da specifica.

Bug di monitoraggio 40618336 | Voce di ChromeStatus.com | Specifiche

API di selezione getComposedRanges e direction

Questa funzionalità fornisce due nuovi metodi API per l'API Selection:

• Selection.direction che restituisce la direzione della selezione come none, forward o backward
• Selection.getComposedRanges() che restituisce un elenco di 0 o 1 composti StaticRange

Un StaticRange composto può attraversare i confini delle ombre, cosa che un normale Range non può fare.

Ad esempio:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

Se la selezione attraversa un confine della radice ombra non fornito nell'elenco shadowRoots, gli endpoint di StaticRange verranno riassegnati in modo da essere esterni all'albero. In questo modo, Chrome non espone strutture ad albero con ombre sconosciute.

Bug di monitoraggio 40286116 | Voce di ChromeStatus.com | Specifiche

Sostieni offset-path: shape()

Supporto di offset-path: shape() per consentire l'utilizzo di forme adattabili per impostare il percorso di animazione.

Bug di monitoraggio 389713717 | Voce di ChromeStatus.com | Specifiche

Supportare l'attributo transform in SVGSVGElement

Questa funzionalità consente di applicare le proprietà di trasformazione, come ridimensionamento, rotazione, traslazione e inclinazione, direttamente all'elemento principale <svg> utilizzando il relativo attributo transform. Questo miglioramento ti consente di manipolare l'intero sistema di coordinate SVG o i suoi contenuti nel loro insieme, offrendo una maggiore flessibilità nella creazione di grafica vettoriale dinamica, adattabile e interattiva. Supportando questo attributo, l'elemento <svg> può essere trasformato senza richiedere elementi wrapper aggiuntivi o soluzioni alternative CSS complesse, semplificando il processo di creazione di immagini web animate e scalabili.

Bug di monitoraggio #40313130 | Voce di ChromeStatus.com | Specifiche

Colore di contrasto di sistema per la proprietà accent-color

In questo modo puoi utilizzare il colore di accento del sistema operativo per gli elementi del modulo. Con l'utilizzo della proprietà CSS accent-color, puoi assicurarti che elementi di un modulo come caselle di controllo, pulsanti di opzione e barre di avanzamento adottino automaticamente il colore di risalto definito dal sistema operativo dell'utente. Questa funzionalità è supportata su macOS dall'inizio del 2021 e ora è supportata anche su Windows e ChromeOS.

Bug di monitoraggio 40764875 | Voce di ChromeStatus.com | Specifiche

Consenti a <use> di fare riferimento all'elemento radice di un documento esterno omettendo il frammento.

Questa funzionalità semplifica l'elemento SVG <use> snellendo i requisiti di riferimento. Prima di Chrome 137, dovevi fare riferimento esplicito ai frammenti all'interno del documento SVG. Se non viene fornito alcun ID frammento, <use> non potrà risolvere il target e non verrà visualizzato o eseguito alcun riferimento.

Ad esempio, un elemento <use> che fa riferimento a un file esterno con identificatore frammento:

<svg>
  <use xlink:href="myshape.svg#icon"></use>
</svg>

In questo esempio, #icon è l'identificatore del frammento che rimanda a un elemento con id="icon" all'interno di myshape.svg.

Senza un identificatore di frammento:

<svg>
  <use xlink:href="myshape.svg"></use>
</svg>

Con questa funzionalità, l'omissione di frammenti o il semplice inserimento del nome del file svg esterno farà riferimento automaticamente all'elemento principale, eliminando la necessità di modificare il documento a cui si fa riferimento solo per assegnare un ID all'elemento principale. Questo miglioramento simplifica la procedura di modifica manuale e migliora l'efficienza.

Bug di monitoraggio 40362369 | Voce di ChromeStatus.com | Specifiche

Tipi di colori a virgola mobile della tela

Consente di utilizzare formati di pixel a virgola mobile (anziché a virgola fissa di 8 bit) con CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D e ImageData.

Questo è necessario per applicazioni ad alta precisione (ad esempio la visualizzazione medica), contenuti ad alta gamma dinamica e spazi di colore di lavoro lineari.

Bug di monitoraggio 40245602 | Voce di ChromeStatus.com | Specifiche

view-transition-name: match-element

Il valore match-element genera un ID univoco in base all'identità dell'elemento e lo rinomina per questo elemento. Viene utilizzato nei casi di app a pagina singola in cui l'elemento viene spostato e vuoi animarlo con una transizione della visualizzazione.

Bug di monitoraggio 365997248 | Voce di ChromeStatus.com | Specifiche

Pagamenti

Allinea il tipo di errore generato per la creazione della credenziale WebAuthn payment: SecurityError diventa NotAllowedError

Correggi il tipo di errore generato durante la creazione delle credenziali WebAuthn per le credenziali payment. A causa di una mancata corrispondenza storica delle specifiche, la creazione di una credenziale payment in un iframe cross-origin senza attivazione utente genera un messaggio SecurityError anziché NotAllowedError, che è il messaggio generato per le credenziali di pagamento.

Si tratta di una modifica che comporta una interruzione del servizio, anche se di nicchia. Il codice che in precedenza rilevava il tipo di errore generato (ad esempio e instanceof SecurityError) è interessato. Il codice che gestisce in generale gli errori durante la creazione delle credenziali (ad esempiocatch (e)) continuerà a funzionare correttamente.

Bug di monitoraggio 41484826 | Voce di ChromeStatus.com | Specifiche

API web

Partizionamento degli URL dei blob: recupero/navigazione

Come continuazione del partizionamento dello spazio di archiviazione, Chrome ha implementato il partizionamento dell'accesso all'URL blob in base alla chiave di archiviazione (sito di primo livello, origine frame e valore booleano has-cross-site-ancestor), ad eccezione delle navigazioni di primo livello che rimarranno partizionate solo in base all'origine frame. Questo comportamento è simile a quello attualmente implementato sia da Firefox che da Safari e allinea l'utilizzo dell'URL del blob allo schema di partizione utilizzato da altre API di archiviazione nell'ambito del partizionamento dello spazio di archiviazione. Inoltre, ora Chrome applica noopener alle navigazioni di primo livello avviate dal visualizzatore agli URL blob in cui il sito corrispondente è cross-site rispetto al sito di primo livello che esegue la navigazione. In questo modo, Chrome si allinea a un comportamento simile in Safari e le specifiche pertinenti sono state aggiornate per riflettere queste modifiche.

Bug di monitoraggio 40057646 | Voce di ChromeStatus.com

Stack di chiamate nei report sugli arresti anomali provenienti da pagine web non rispondenti

Questa funzionalità acquisisce lo stack di chiamate JavaScript quando una pagina web diventa non rispondente a causa dell'esecuzione di un loop infinito o di un altro calcolo molto lungo da parte del codice JavaScript. In questo modo, gli sviluppatori possono identificare la causa della mancata risposta e correggerla più facilmente. Lo stack di chiamate JavaScript è incluso nell'API di generazione di report sugli arresti anomali quando il motivo è "Non risponde".

Bug di monitoraggio 1445539 | Voce di ChromeStatus.com | Specifiche

Document-Isolation-Policy

Document-Isolation-Policy consente a un documento di attivare crossOriginIsolation per se stesso, senza dover implementare COOP o COEP e indipendentemente dallo stato crossOriginIsolation della pagina. Il criterio è supportato dall'isolamento dei processi. Inoltre, le risorse secondarie cross-origin non CORS del documento verranno caricate senza credenziali o dovranno avere un'intestazione CORP.

Bug di monitoraggio 333029146 | Voce di ChromeStatus.com | Specifiche

Ed25519 nella crittografia web

Questa funzionalità aggiunge il supporto per gli algoritmi Curve25519 nell'API Web Cryptography, ovvero l'algoritmo di firma Ed25519

Bug di monitoraggio n. 1370697 | Voce di ChromeStatus.com | Specifiche

Prevenzione del monitoraggio HSTS

Riduce il monitoraggio degli utenti da parte di terze parti utilizzando la cache HSTS.

Questa funzionalità consente gli upgrade HSTS solo per le navigazioni di primo livello e blocca gli upgrade HSTS per le richieste di risorse secondarie. In questo modo, i siti di terze parti non possono utilizzare la cache HSTS per monitorare gli utenti sul web.

Bug di monitoraggio 40725781 | Voce di ChromeStatus.com

WebAssembly

Integrazione delle promesse JavaScript

JSPI (JavaScript Promise Integration) è un'API che consente alle applicazioni WebAssembly di integrarsi con le promesse JavaScript.

Consente a un programma WebAssembly di agire come generatore di una promessa e consente al programma WebAssembly di interagire con API che supportano le promesse.

In particolare, quando un'applicazione utilizza JSPI per chiamare un'API (JavaScript) con Promise, il codice WebAssembly viene sospeso e all'autore della chiamata originale al programma WebAssembly viene assegnata una Promise che verrà soddisfatta al termine del programma WebAssembly.

Voce di ChromeStatus.com | Specifiche

Suggerimenti per i branch WebAssembly

Migliora le prestazioni del codice WebAssembly compilato informando il motore che è molto probabile che una determinata istruzione di ramo segua un percorso specifico.

In questo modo, il motore può prendere decisioni migliori per il layout del codice (migliorando gli hit della cache delle istruzioni) e l'allocazione dei registri.

Voce di ChromeStatus.com | Specifiche

WebGPU

GPUTextureView per l'associazione a externalTexture

Ora è consentito l'utilizzo di un GPUTextureView per un'associazione externalTexture durante la creazione di un GPUBindGroup.

Bug di monitoraggio n. 398752857 | Voce di ChromeStatus.com | Specifiche

Sovraccarico di copyBufferToBuffer

Il metodo GPUCommandEncoder copyBufferToBuffer() ora include un modo più semplice per copiare interi buffer utilizzando un nuovo sovraccarico con parametri di offset e dimensioni facoltativi.

Voce di ChromeStatus.com | Specifiche

Enterprise

Report e registrazione degli indirizzi IP

Chrome Enterprise sta migliorando le funzionalità di monitoraggio della sicurezza e di risposta agli incidenti raccogliendo e segnalando gli indirizzi IP locali e remoti e inviandoli ai log di indagine sulla sicurezza (SIT). Inoltre, Chrome Enterprise consentirà agli amministratori di inviare facoltativamente gli indirizzi IP a fornitori SIEM proprietari e di terze parti tramite il connettore di reporting di Chrome Enterprise.

Questa opzione è disponibile per i clienti di Chrome Enterprise Core.

Voce di ChromeStatus.com

Prove dell'origine

Attributo di blocco del rendering con frequenza frame completa

Aggiunge un nuovo token di blocco del rendering full-frame-rate agli attributi di blocco. Quando il visualizzatore è bloccato con il token full-frame-rate, funzionerà a una frequenza frame inferiore in modo da riservare più risorse per il caricamento.

Bug di monitoraggio n. 397832388 | Voce di ChromeStatus.com

Mettere in pausa la riproduzione di contenuti multimediali negli iframe non visualizzati

Aggiunge un criterio di autorizzazione media-playback-while-not-rendered per consentire ai siti web degli inserzionisti di mettere in pausa la riproduzione dei contenuti multimediali degli iframe incorporati che non vengono visualizzati, ovvero la cui proprietà display è impostata su none. In questo modo, gli sviluppatori potranno creare esperienze più facili da usare e migliorare le prestazioni lasciando che sia il browser a gestire la riproduzione dei contenuti non visibili agli utenti.

Origin Trial | Tracking bug #351354996 | Voce di ChromeStatus.com

API Rewriter

L'API Rewriter trasforma e riformula il testo inserito nei modi richiesti, supportata da un modello linguistico AI on-device. Gli sviluppatori possono utilizzare questa API per rimuovere le ridondanze all'interno di un testo in modo da rispettare un limite di parole, riformulare i messaggi in base al pubblico di destinazione o per essere più costruttivi se viene rilevato un messaggio che utilizza un linguaggio tossico, riformulare un post o un articolo per utilizzare parole e concetti più semplici e altro ancora.

Origin Trial | Tracking bug #358214322 | Voce di ChromeStatus.com | Specifiche

API Writer

L'API Writer può essere utilizzata per scrivere nuovo materiale in base a un prompt di scrittura, supportato da un modello linguistico di IA on-device. Gli sviluppatori potranno utilizzare questa API per generare spiegazioni testuali dei dati strutturati, comporre un post su un prodotto in base a recensioni o descrizioni, espandere elenchi di pro e contro in visualizzazioni complete e altro ancora.

Origin Trial | Tracking bug #357967382 | Voce di ChromeStatus.com | Specifiche